import React, { memo } from "react";
import { GoodsOrderWrapper } from "./style";
import CurrentStatus from "./child/current-status";
import Logo from "../changAn-shop-logo/shop-logo";
import { Row, Col } from "antd";
import Address from "./child/address";
import OrderInfo from "./child/order-info";
import AppFooter from "@/components/app-footer";
export default memo(function OrderPage(props) {
  let arr = props.location.search.split("&");
  const goodsId = arr[0].split("=")[1];

  console.log(props.location);
  return (
    <GoodsOrderWrapper>
      <div className="content">
        <Row>
          <Col span={5}>
            <Logo></Logo>
          </Col>
          <Col span={3}></Col>
          <Col span={16}>
            <CurrentStatus></CurrentStatus>
          </Col>
        </Row>
        <Row>
          <Col span={24}>
            <Address></Address>
          </Col>
        </Row>
        <Row>
          <Col span={24}>
            <OrderInfo goodsId={goodsId}></OrderInfo>
          </Col>
        </Row>
      </div>
      <AppFooter></AppFooter>
    </GoodsOrderWrapper>
  );
});
